<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/cart.css">
	</head>
	<body>
		<script src="../lib/jquery/dist/jquery.min.js"></script>
		<script src="../js/functions.js"></script>
		
		<div class="header">
			<div class="container">
				<a href="./index.html">
					<div class="header-logo fl">
					</div>
				</a>
				<div class="header-shop fl">
					<h2 class="fl">我的购物车</h2>
					<p class="fl">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p></div>
				<div class="header-user fr">
					<span class="username-login fl"></span>
					<span class="spa">|</span>
					<a class="quit-login fl" href="javascript:;">退出登录</a>
				</div>
			</div>
		</div>

		<main>
			<div class="container">
				<div class="cart">
					<div class="list-head">
						<div class="col-check fl">
							<input class="check-qx check-wd" type="checkbox">
							全选
						</div>
						<div class="col-img fl">&nbsp;</div>
						<div class="fl col-name">商品名称</div>
						<div class="col-price fl">单价</div>
						<div class="fl col-num">数量</div>
						<div class="fl col-total">小计</div>
						<div class="fl col-action">操作</div>
					</div>
					<div class="list-body">
						<!-- 购物车由js渲染 -->
					</div>
				</div>

				<div class="raise-buy-box"></div>
				<div class="cart-bar">
					<div class="section-left fl">
						<a href="./list.html">继续购物</a>
						<span>共<i id="cartTotaNum">4</i>件商品，已选择<i id="selTotaNum">2</i>件</span>
					</div>
					<a class="go-shop fr" href="javascript:;">去结算</a>
					<span class="total-price fr">
						合计：<em>29.9</em>元
					</span>
				</div>
			</div>
		</main>


		<footer>
			<div class="container">
				<div class="footer-top">
					<ul>
						<li>预约维修服务</li>
						<li>7天无理由退货</li>
						<li>5天免费换货</li>
						<li>满150元包邮</li>
						<li style="border-right: 0;">520余家售后网点</li>
					</ul>
				</div>
				<div class="footer-bottom">
					<dl>
						<dt>帮助中心</dt>
						<dd>账户管理</dd>
						<dd>购物指南</dd>
						<dd>订单操作</dd>
					</dl>
					<dl>
						<dt>服务支持</dt>
						<dd>售后政策</dd>
						<dd>自助服务</dd>
						<dd>相关下载</dd>
					</dl>
					<dl>
						<dt>线下门店</dt>
						<dd>小米之家</dd>
						<dd>服务网点</dd>
						<dd>授权体验店</dd>
					</dl>
					<dl>
						<dt>关于小米</dt>
						<dd>了解小米</dd>
						<dd>加入小米</dd>
						<dd>投资者关系</dd>
					</dl>
					<dl>
						<dt>关注我们</dt>
						<dd>新浪微博</dd>
						<dd>官方微信</dd>
						<dd>联系我们</dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd>F 码通道</dd>
						<dd>礼物码</dd>
						<dd>防伪查询</dd>
					</dl>
					<div class="contace fr">
						<h3>400-100-5678</h3>
						<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
						<a href="javascript:;">人工客服</a>
					</div>
				</div>
			</div>
		</footer>

		<div class="bottom">
			<div class="container">
				<div class="bottom-t">
					<div class="bottom-logo fl">
						<img src="../images/logo_03.jpg" alt="" />
					</div>
					<div class="bottom-r fr">
						<h5>
							<a href="javascript:;">小米商城</a><span>|</span>
							<a href="javascript:;">MIUI</a><span>|</span>
							<a href="javascript:;">米家</a><span>|</span>
							<a href="javascript:;">米聊</a><span>|</span>
							<a href="javascript:;">多看</a><span>|</span>
							<a href="javascript:;">游戏</a><span>|</span>
							<a href="javascript:;">路由器</a><span>|</span>
							<a href="javascript:;">米粉卡</a><span>|</span>
							<a href="javascript:;">政企服务</a><span>|</span>
							<a href="javascript:;">小米天猫店</a><span>|</span>
							<a href="javascript:;">小米集团隐私政策</a><span>|</span>
							<a href="javascript:;">小米公司儿童信息保护规则</a
							><span>|</span> <a href="javascript:;">小米商城隐私政策</a
							><span>|</span> <a href="javascript:;">小米商城用户协议</a
							><span>|</span> <a href="javascript:;">问题反馈</a
							><span>|</span>
							<a href="javascript:;">Select Location</a>
						</h5>
						<p>
							© mi.com 京ICP证110507号 京ICP备10046444号
							京公网安备11010802020134号 京网文[2017]1530-131号<br />
							（京）网械平台备字（2018）第00005号
							互联网药品信息服务资格证 (京) -非经营性-2014-0090
							营业执照 医疗器械质量公告<br />
							增值电信业务许可证
							网络食品经营备案（京）【2018】WLSPJYBAHF-12
							食品经营许可证<br />
							违法和不良信息举报电话：185-0130-1238
							知识产权侵权投诉
							本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
					</div>
				</div>
				<div class="bottom-c">
					<img src="../images/v-logo-1.png" alt="" width="85" />
					<img src="../images/v-logo-3.png" alt="" />
					<img src="../images/v-logo-2.png" alt="" />
					<img src="../images/v-logo-4.png" alt="" />
					<img src="../images/v-logo-5.png" alt="" />
				</div>
				<div class="bottom-b"></div>
			</div>
		</div>
		<script src="../js/cart.js"></script>
	</body>
</html>
